// 定义食物类
class Foot {
  element: HTMLElement
  constructor() {
    // 获取页面中的元素并赋值
    // !表示确定不为空
    this.element = document.getElementById('foot')!
  }
  // 获取食物X轴坐标方法
  get X() {
    return this.element.offsetLeft
  }
  // 获取食物Y轴坐标方法
  get Y() {
    return this.element.offsetTop
  }
  // 修改食物位置
  change() {
    // 生成随机位置
    // 位置最小0 最大 290
    let x = Math.round(Math.random() * 29) * 10
    let y = Math.round(Math.random() * 29) * 10
    this.element.style.left = x + 'px'
    this.element.style.top = y + 'px'
  }
}

export default Foot
